<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>退款详情</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/returndetail.css">

</head>

<body class="body">
    <header class="header">
        <a href="./return.html" class="left-arrow"></a>
        <div class="header_font">
            <p>退款详情</p>
        </div>
        <div class="more"></div>
    </header>
    <contaion>
        <div class="paid">
            <div class="successed"></div>
            <div class="successed-text">
                <p>请等待商家处理</p>
                <p>还剩23时46分</p>
            </div>
        </div>
        <div class="refund">
            <div class="apply-for">
                <p>您已成功发起退款申请，请耐心等待商家处理</p>
            </div>
            <div class="detail">
                <ul class="datail-text">
                    <li>·&nbsp;&nbsp;&nbsp;商家同意或者超时未处理，系统将退款给您。</li>
                    <li>·&nbsp;&nbsp;&nbsp;若商家拒绝，您可以修改退款申请后再次发起，商家会重新处理。</li>
                </ul>
            </div>
            <div>
                <a href="" class="apply-for-l"> 撤销申请</a>
                <a href="./return.html" class="apply-for-r">修改申请</a>
            </div>
        </div>
        <div class="refund-message">
            <i class="refund-message-h">退款信息</i>
            <div class="commodity-details">
                <div class="commodity-details-body">
                    <div class="commodity-pic"></div>
                    <div class="commodity-text">
                        <p>依泉润唇膏套装 保湿滋润补水无色防干裂 唇部护理唇膜淡化唇纹护唇膏...</p>
                        <i>8g/ml</i>
                    </div>
                    <div class="commodity-price">
                        <p>¥98.9</p>
                        <p>x1</p>
                    </div>
                </div>
            </div>
            <div class="message">
                <ul class="message-l">
                    <li>退款原因</li>
                    <li>退款金额</li>
                    <li>申请时间</li>
                    <li>退款编号</li>
                </ul>
                <div class="message-r">
                    <ul>
                        <li>拍错/多拍/不想要</li>
                        <li>¥98.9</li>
                        <li>2019-11-18 16:00</li>
                        <li>63708256223058558</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="bottom">
            <a href="./server.html" class="continue-shopping">
                <p>联系商家</p>
            </a>
            <a href="./classify.html" class="continue-shopping">
                <p>继续购物</p>
            </a>
        </div>
    </contaion>
    <script src="./js/rem.js "></script>
</body>

</html>